<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head th:include="include :: header"></head>
<style>

	.layui-upload-colse{
		position:relative;
	}

	.closeUpload{
		position:absolute;
		top: 0;
		right: 0;
		width: 20px;
		height: 20px;
		cursor:pointer;
	}

	.upImg{
		width: 80px;
		height: 80px;
	}

	.formfixed{
		position: relative;
	}
	.remove{
		position: absolute;
		top: 50%;
		right: -100px;
		transform: translateY(-50%);
		cursor: pointer;
	}

</style>
<body>

	<div class="layui-fluid mt2">
		<form class="layui-form" id="formTest">

			<div class="layui-form-item">
				<label class="layui-form-label">姓名</label>
				<div class="layui-input-block">
					<input type="text" name="name" id="username" lay-verify="name" autocomplete="off" placeholder="请输入" class="layui-input">
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">电话号码</label>
				<div class="layui-input-block">
					<input type="text" maxlength="11" id="mobile" name="phone" lay-verify="phone" autocomplete="off" placeholder="请输入手机号码"  class="layui-input">
				</div>
			</div>

			<div class="layui-form-item">

				<label class="layui-form-label">项目类型</label>
				<div class="layui-input-block">
					<div id="type"></div>
					<!--<select name="type" id="type"></select>-->
				</div>

			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">籍贯</label>
				<div class="layui-input-block">
					<input type="text" name="nativePlace" id="nativePlace" lay-verify="nativePlace" autocomplete="off" placeholder="请输入" class="layui-input">
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">年龄</label>
				<div class="layui-input-block">
					<input type="text" name="age" lay-verify="age" id="age" autocomplete="off" placeholder="年龄"  class="layui-input">
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">性别</label>
				<div class="layui-input-block">
					<select name="sex" lay-verify="sex" id="sex">
						<option value="">请选择</option>
						<option value="1">男</option>
						<option value="2">女</option>
					</select>
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">生肖</label>
				<div class="layui-input-block">
					<select name="zodiac" lay-verify="zodiac" id="zodiac">
						<option value="">请选择</option>
						<option value="鼠">鼠</option>
						<option value="牛">牛</option>
						<option value="虎">虎</option>
						<option value="兔">兔</option>
						<option value="龙">龙</option>
						<option value="蛇">蛇</option>
						<option value="马">马</option>
						<option value="羊">羊</option>
						<option value="猴">猴</option>
						<option value="鸡">鸡</option>
						<option value="狗">狗</option>
						<option value="猪">猪</option>
					</select>
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">星座</label>
				<div class="layui-input-block">
					<select name="constellation" lay-verify="constellation" id="constellation">
						<option value="">请选择</option>
						<option value="水瓶座">水瓶座</option>
						<option value="双鱼座">双鱼座</option>
						<option value="白羊座">白羊座</option>
						<option value="金牛座">金牛座</option>
						<option value="双子座">双子座</option>
						<option value="巨蟹座">巨蟹座</option>
						<option value="狮子座">狮子座</option>
						<option value="处女座">处女座</option>
						<option value="天秤座">天秤座</option>
						<option value="天蝎座">天蝎座</option>
						<option value="射手座">射手座</option>
						<option value="摩羯座">摩羯座</option>
					</select>
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label" >婚否</label>
				<div class="layui-input-block">
<!--				<input type="text" name="maritalStatus" lay-verify="maritalStatus"  autocomplete="off" placeholder="请输入你的婚姻状况"  class="layui-input">-->
					<select name="maritalStatus" lay-verify="maritalStatus" id="maritalStatus">
						<option value=""></option>
						<option value="未婚">未婚</option>
						<option value="已婚">已婚</option>
					</select>
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">学历</label>
				<div class="layui-input-block">
					<select name="education" lay-verify="education" id="education">
						<option value="">请选择</option>
						<option value="小学">小学</option>
						<option value="初中">初中</option>
						<option value="高中">高中</option>
						<option value="中专">中专</option>
						<option value="大专">大专</option>
						<option value="本科">本科</option>
						<option value="本科及以上">本科及以上</option>
					</select>
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">身高</label>
				<div class="layui-input-block">
					<input type="text" name="height" lay-verify="height" id="height" autocomplete="off" placeholder="身高"  class="layui-input">
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">体重</label>
				<div class="layui-input-block">
					<input type="text" name="weight" id="weight" lay-verify="weight"  autocomplete="off" placeholder="体重"  class="layui-input">
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">请选择省</label>
				<div class="layui-input-block">
					<select name="province" id="province"  lay-verify="province" lay-filter="province"></select>
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">请选择市</label>
				<div class="layui-input-block">
					<select name="city" id="city" lay-verify="city" disabled lay-filter="city"></select>
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">请选择区</label>
				<div class="layui-input-block">
					<select name="district" id="district" lay-verify="district" disabled lay-filter="district"></select>
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">现住址</label>
				<div class="layui-input-block">
					<input type="text" name="detailedAddress" id="detailedAddress" lay-verify="detailedAddress"  autocomplete="off" placeholder="请输入居住地址"  class="layui-input">
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">标签</label>
				<div class="layui-input-block">
					<div id="tips"></div>
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">自我介绍</label>
				<div class="layui-input-block">
					<textarea name="introduction" id="introduction" placeholder="请输入自我介绍" lay-verify="introduction" class="layui-textarea"></textarea>
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">是否驻家</label>
				<div class="layui-input-block">
					<select name="residentHome" lay-verify="residentHome" id="residentHome">
						<option value=""></option>
						<option value="0">是</option>
						<option value="1">否</option>
					</select>
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">工资</label>
				<div class="layui-input-block">
					<input type="text" name="desireSalary" id="desireSalary" lay-verify="desireSalary"  autocomplete="off" placeholder="请输入期望工资"  class="layui-input">
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">经验</label>
				<div class="layui-input-block">
					<input type="text" name="workExperience" id="workExperience" lay-verify="workExperience"  autocomplete="off" placeholder="请输入工作经验"  class="layui-input">
				</div>
			</div>

<!--			<div class="layui-form-item">-->
<!--				<label class="layui-form-label">个人技能</label>-->
<!--				<div class="layui-input-block">-->
<!--					<textarea name="skill" placeholder="请输入个人技能" id="skill" lay-verify="skill" class="layui-textarea"></textarea>-->
<!--				</div>-->
<!--			</div>-->

			<div class="layui-form-item">
				<label class="layui-form-label">服务户数</label>
				<div class="layui-input-block">
					<select name="serveTotal" lay-verify="serveTotal" id="serveTotal">
						<option value=""></option>
						<option value="1-3户">1-3户</option>
						<option value="3-5户">3-5户</option>
						<option value="5户以上">5户以上</option>
						<option value="13户以上">13户以上</option>
						<option value="18户以上">18户以上</option>
						<option value="20户以上">20户以上</option>
						<option value="30户以上">30户以上</option>
						<option value="40户以上">40户以上</option>
					</select>
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">考试情况</label>
				<div class="layui-input-block">
					<div id="examinationCondition"></div>
					<!--					<select name="examinationCondition" lay-verify="examinationCondition">-->
					<!--						<option value=""></option>-->
					<!--						<option value="技能考核合格">技能考核合格</option>-->
					<!--						<option value="理论考试合格">理论考试合格</option>-->
					<!--						<option value="服务礼仪合格">服务礼仪合格</option>-->
					<!--					</select>-->
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">护理内容</label>
				<div class="layui-input-block">
					<div id="nurseContent"></div>
					<!--					<select name="nurseContent" lay-verify="nurseContent">-->
					<!--						<option value=""></option>-->
					<!--						<option value="产妇常规护理">产妇常规护理</option>-->
					<!--						<option value="新生儿常规护理">新生儿常规护理</option>-->
					<!--						<option value="双胎护理经验">双胎护理经验</option>-->
					<!--						<option value="早产儿护理经验">早产儿护理经验</option>-->
					<!--					</select>-->
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">服务技能</label>
				<div class="layui-input-block">
					<div id="skill"></div>
					<!--					<select name="skill" lay-verify="skill">-->
					<!--						<option value=""></option>-->
					<!--						<option value="营养月子餐">营养月子餐</option>-->
					<!--						<option value="母乳喂养指导">母乳喂养指导</option>-->
					<!--						<option value="产后恢复指导">产后恢复指导</option>-->
					<!--						<option value="个性化定制">个性化定制</option>-->
					<!--					</select>-->
				</div>
			</div>

<!--			<div class="layui-form-item">-->
<!--				<label class="layui-form-label">工作经历</label>-->
<!--				<div class="layui-input-block">-->
<!--					<textarea name="experience" placeholder="请输入工作经历" id="experience" lay-verify="experience" class="layui-textarea"></textarea>-->
<!--				</div>-->
<!--			</div>-->

			<div class="layui-form-item">
				<label class="layui-form-label">工作经历</label>
				<div class="layui-input-block">

					<div class="parseInset" id="addBox" style="overflow: hidden;"></div>
					<div class="col-12" style="text-align: center;margin-top: 20px;" id="addList"><span style="cursor: pointer;">添加</span></div>

				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">寸照</label>

				<div class="layui-input-block">
					<div class="layui-upload-list" id="inchPhoto"></div>
					<button type="button" class="layui-btn uploadSend" lay-data="{url: '/common/sysFile/upload',id:'inchPhoto',number:1}">上传图片</button>
				</div>
				<input type="hidden" name="inchPhoto" lay-verify="inchPhoto">
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">身份证正面:</label>

				<div class="layui-upload-list" id="idPhotoFront"></div>
				<div class="layui-input-block">
					<button type="button" class="layui-btn uploadSend" lay-data="{url: '/common/sysFile/upload',id:'idPhotoFront',number:1}">上传图片</button>
				</div>
				<input type="hidden" name="idPhotoFront" lay-verify="idPhotoFront">
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">身份证反面:</label>

				<div class="layui-upload-list" id="idPhotoSide"></div>
				<div class="layui-input-block">
					<button type="button" class="layui-btn uploadSend" lay-data="{url: '/common/sysFile/upload',id:'idPhotoSide',number:1}">上传图片</button>
				</div>
				<input type="hidden" name="idPhotoSide" lay-verify="idPhotoSide">
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">工作/生活照</label>

				<div class="layui-upload-list" id="lifePhoto"></div>
				<div class="layui-input-block">
					<button type="button" class="layui-btn uploadSend" lay-data="{url: '/common/sysFile/upload',id:'lifePhoto',number:6}">上传图片</button>
				</div>
				<input type="hidden" name="lifePhoto" lay-verify="lifePhoto">
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">技能证书</label>

				<div class="layui-upload-list" id="certificate"></div>
				<div class="layui-input-block">
					<button type="button" class="layui-btn uploadSend" lay-data="{url: '/common/sysFile/upload',id:'certificate',number:6}">上传图片</button>
				</div>
				<input type="hidden" name="certificate" lay-verify="certificate">
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">体检报告</label>

				<div class="layui-upload-list" id="report"></div>
				<div class="layui-input-block">
					<button type="button" class="layui-btn uploadSend" lay-data="{url: '/common/sysFile/upload',id:'report',number:3}">上传图片</button>
				</div>
				<input type="hidden" name="report" lay-verify="report">
			</div>

			<div class="layui-form-item  layui-flow-more">
				<div class="layui-inline">
					<button type="button" class="layui-btn" lay-submit lay-filter="submit">立即修改</button>
				</div>
			</div>

	</form>
	</div>

	<div th:include="include::footer"></div>
	<script type="text/javascript" src="/js/xmSelect.js"></script>
	<script type="text/javascript" src="/js/webJs/jzweb/jazUserAunt/edit.js"></script>
</body>
</html>